body{
    padding: 50px;
    font: 14px sans-serif;
}

a{
    color: #00B7FF;
}
#content {
    width: 800px;
    margin: auto;
}
.room{
    background-color: #ddd;
    margin-bottom: 1em;
}
.room-list{
    float: right;
}
.messages{
    float: left;
    width: 614px;
    height: 300px;
    overflow: auto;
    background-color: #eee;
    margin-bottom: 1em;
    margin-right: 10px;
}
.clearfix{
    clear: both;
}
.newjoin {
    background: #002451;
    color: #fff;
    padding: 2px 0;
    margin: 2px 0;
    display: inline-block;
    text-indent: 4em;
}
.join i{
    background: #007fff;
    color: #fff;
    display: inline-block;
    padding: 2px 0;
    margin: 2px 0;
}
.changename i{
    background: #ff2a00;
    color: #fff;
    display: inline-block;
    padding: 2px 0;
    margin: 2px 0;
}
.warn{
    background: #ffc80c;
    color: #fff;
    display: inline-block;
    padding: 2px 0;
    margin: 2px 0;
}